<template>
    <div>     
        <Row :gutter="32">
        </Row>   
        
            <i-col span="12" class="demo-tabs-style2">
                <b-card class="mb-4">
                    <div style="height:500px">
                    <chart-apicallcount></chart-apicallcount>
                    </div>
                </b-card>
            </i-col>

            <i-col span="12" class="demo-tabs-style2">
                <b-card class="mb-4">
                    
                    <div style="height:500px">
                        <chart-scoreboxchart></chart-scoreboxchart>
                    </div>
                </b-card>
            </i-col>

            
       
    </div>
</template>

<style>
.ivu-tabs-nav .ivu-tabs-tab .ivu-icon {
  margin-right: 0;
}

h5 {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 14px;
}
</style>


<script>
import ApiCallCountBar from "./ApiCallCountBar";
import ScoreCardBoxChart from "./ScoreCardBoxChart";


export default {
  name: "OriginConsole",
  data() {
    return {
      data: [],
      oid: null
    };
  },
  components: {
    "chart-apicallcount": ApiCallCountBar,
    "chart-scoreboxchart": ScoreCardBoxChart

  },
  beforeCreate() {
    this.oid = this.$route.query.oid;
    // console.log('Console beforeCreate',this.oid);
  },
  created() {
    this.oid = this.$route.query.oid;
    // console.log('Console create',this.oid);
  },
  methods: {
    getOid() {
      return this.oid;
    }
  },
  beforMount() {
    // console.log('Console',this.oid);
    this.oid = this.$route.query.oid;
  }
};
</script>

